<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<div class="navbar navbar-default navbar-fixed-top yamm" role="navigation" id="navbar">
	<div class="container">
		<div class="navbar-header">
			<a class="navbar-brand home" href="${base }/"> <img src="${base }/assets/img/logo-orange.png"
				alt="Minimal logo" class="hidden-xs hidden-sm"> <img
				src="${base }/assets/img/logo-small.png" alt="Minimal logo" class="visible-xs visible-sm"><span
				class="sr-only">Minimal - go to homepage</span>
			</a>
			<div class="navbar-buttons">
				<button type="button" class="navbar-toggle btn-primary" data-toggle="collapse" data-target="#navigation">
					<span class="sr-only">Toggle navigation</span> <i class="fa fa-align-justify"></i>
				</button>
				<button type="button" class="navbar-toggle btn-default" data-toggle="collapse"
					data-target="#search">
					<span class="sr-only">Toggle search</span> <i class="fa fa-search"></i>
				</button>
			</div>
		</div>
		<!--/.navbar-header -->

		<div class="navbar-collapse collapse" id="navigation">
			<ul class="nav navbar-nav navbar-left">
				<li><a href="${base }/">Home</a></li>
				<li><a href="javascript:;">About</a></li>
				<li class="dropdown normal-dropdown"><a href="${base }/work/all" class="dropdown-toggle" data-toggle="dropdown">Work<b class="caret"></b></a>
               		<ul class="dropdown-menu">
                        <li><a href="${base }/work/2018">2018</a></li>
                        <li><a href="${base }/work/2017">2017</a></li>
						<li><a href="${base }/work/2015">2015</a></li>
						<li><a href="${base }/work/2014">2014</a></li>
						<li><a href="${base }/work/2013">2013</a></li>
						<li><a href="${base }/work/2012">2012</a></li>
						<li><a href="${base }/work/2011">2011</a></li>
						<li><a href="${base }/work/2010">2010</a></li>
						<li><a href="${base }/work/2009">2009</a></li>
						<li><a href="${base }/work/other">2008及之前</a></li>
                    </ul>
                </li>
				<li><a href="javascript:;">Live</a></li>
				<li><a href="javascript:;">Contact</a></li>
			</ul>
		</div>
		<!--/.nav-collapse -->

		<!--             <div class="navbar-collapse collapse right" id="basket-overview"> -->
		<!--                 <a href="basket.html" class="btn btn-primary navbar-btn"><i class="fa fa-shopping-cart"></i><span class="hidden-sm">3 items <span class="hidden-md">in cart</span></span></a> -->
		<!--             </div> -->
		<!--/.nav-collapse -->

		<div class="navbar-collapse collapse right">
			<button type="button" class="btn navbar-btn btn-default" data-toggle="collapse"
				data-target="#search">
				<span class="sr-only">Toggle search</span> <i class="fa fa-search"></i>
			</button>
		</div>

		<!--             <div class="navbar-collapse collapse right"> -->
		<!--                 <button type="button" class="btn navbar-btn btn-default" data-toggle="modal" data-target="#login-modal"> -->
		<!--                     <span class="sr-only">User login</span> -->
		<!--                     <i class="fa fa-users"></i> -->
		<!--                 </button> -->
		<!--             </div> -->

		<div class="collapse clearfix" id="search">

			<form class="navbar-form" role="search">
				<div class="input-group">
					<input type="text" class="form-control" placeholder="Search"> <span
						class="input-group-btn">

						<button type="submit" class="btn btn-primary">
							<i class="fa fa-search"></i>
						</button>

					</span>
				</div>
			</form>

		</div>
		<!--/.nav-collapse -->

	</div>


</div>